<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/import.css" type="text/css" rel="stylesheet" />
<script language="Javascript" type="text/javascript" src="javascript/functions.js"></script>
<title>Untitled Document</title>
</head>

<body>
<!--Inicio posicion-->
<div id="wrap">
<!--Inicio pagina-->
<div id="main">
	<!--Inicio cabecera-->
	<div id="heading"><div class="link right">Usuario | <a href="">Cerrar sesi&oacute;n</a></div>
        <div id="title-content"><!--Inicio TITULO-->
            <div id="title-content">
            <h1>Sistema de Cobranza de Agua</h1>
            </div>
        </div><!--Fin TITULO-->
    </div><!--Fin cabecera-->
    <div id="nav-bar"><!--Inicio MENU superior-->
       <div id="links" class="left">
            <ul id="sddm">
                <li><a href="administrador.html" onmouseover="mopen('m1')" onmouseout="mclosetime()">Administración&nbsp;&nbsp;|</a>
                    <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                    <a href="administracion-crear.html">Crear Empresa</a>
                    <a href="javascript:NewWindow('respaldo-registro.html','POPUP1','337','100','custom','front');">Respaldar Registros</a>
                    </div>
                </li>
                <li><a href="usuarios-lista.html" onmouseover="mopen('m2')" onmouseout="mclosetime()">Usuarios&nbsp;&nbsp;|</a>
                    <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                    <a href="usuarios-crear.html">Crear Usuario</a>
            
                    </div>
                </li>
                <li><a href="servicios-lista.html" onmouseover="mopen('m3')" onmouseout="mclosetime()">Servicios&nbsp;&nbsp;|</a>
                    <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                    <a href="servicios-crear.html">Registrar Servicio</a>
                    <a href="servicios-categorizar.html">Categorizar servicio</a>
                    </div>
                </li>
                <li><a href="cobros-registrar.html" onmouseover="mopen('m4')" onmouseout="mclosetime()">Cobros&nbsp;&nbsp;|</a>
                    <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                    <a href="cobros-registrar.html" >Formulario de registro</a>
                    <a href="cobros-lectura.html" >Registro de lectura</a>
                    <a href="cobros-pago.html" >Registro de pago</a>
                    </div>
                </li>
                <li><a href="gastos-registrar.html" onmouseover="mopen('m5')" onmouseout="mclosetime()">Gastos&nbsp;&nbsp;|</a>
                    <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                    <a href="gastos-registrar.html">Registrar Gasto</a>
                    <a href="gastos-categoria.html">Crear Categor&iacute;a</a>
                    </div>
                </li>
                <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Reportes</a>
                    <div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                    <a href="#">E-mail</a>
                    <a href="#">Submit Request Form</a>
                    <a href="#">Call Center</a>
                    </div>
                </li>
            </ul>
        <div class="clear-both"></div>
        </div>
    </div><!--Fin MENU superior-->
    
    
    <div id="container"><!--Inicio Contenedor-->
	    
    	<div id="menu-bar" class="left"><!--Inicio MENU Izquierdo-->
        Elementos<br />menu-izquierdo
        </div><!--Fin MENU Izquierdo-->
        
	   	<div id="content" class="right"><!--Inicio Contenido-->
            <div id="subtitle">
           		<h2>Servicios</h2>
                <div id="task">Editar Usuario del Servicio</div>
             </div>
            <div id="text-field">
            
            <form id="form1" name="form1" method="post" action="">
<table width="430" >

           <thead>
              <tr>
                <td class="cell-no-search padding-10" >Registrar Usuario</td>
                <td class="cell-no-search">&nbsp;</td>
                <td class="cell-no-search"></td>
                </tr>
  </thead>
          	<tr>
	            <td class="cell-2 label">Nombre</td>
	            <td class="input-sup" ><input class="input-text" name="nombre" type="text" value="Juan Perez" /></td>
	            <td >&nbsp;</td>
          	</tr>
            
            <tr>
              <td class="cell-2 label" >Ci</td>
              <td class="input"><input class="input-text" name="Apellido" type="text" value="1234561"/></td>
              <td >&nbsp;</td>
              </tr>
            <tr>
	            <td class="cell-2 label" >Telefono</td>
	            <td  class="input"><input class="input-text" name="telefono" type="text" value="654212" /></td>
	            <td >&nbsp;</td>
            </tr>
            
            <tr>
	            <td class="cell-2 label" >Codigo de registro</td>
	            <td class="input"><input class="input-text" name="telefono2" type="text" value="CR4561" /></td>
	            <td >&nbsp;</td>
	            </tr>
            <tr>
              <td class="cell-2 label" >Manzano</td>
              <td  class="input"><input class="input-text" name="telefono3" type="text" value="A" /></td>
              <td >&nbsp;</td>
              </tr>
            <tr>
              <td class="cell-2 label" >Calle</td>
              <td  class="input"><input class="input-text" name="telefono4" type="text" value="Panama" /></td>
              <td >&nbsp;</td>
              </tr>
            <tr>
              <td class="cell-2 label" >Nº Medidor</td>
              <td  class="input"><input class="input-text"  name="telefono5" type="text" value="456123" /></td>
              <td >&nbsp;</td>
              </tr>
            <tr>
	            <td class="cell-2 label" >Tramo</td>
	            <td ><input class="input-text"  name="email" type="text" value="2A" /></td>
	            <td >&nbsp;</td>
            </tr>
            <tr>
	            <td class="cell-2 label" >Cod. Recorrido</td>
	            <td  class="input"><input class="input-text"  name="notas" type="text" value="2A-r" /></td>
	            <td >&nbsp;</td>
            </tr>
            <tr>
	            <td class="cell-2 label" >Login</td>
	            <td  class="input"><input class="input-text"  name="login" type="text" value="cuenta"/></td>
	            <td >&nbsp;</td>
            </tr>
            <tr>
	            <td class="cell-2 label" >Password</td>
	            <td  class="input"><input class="input-text"  name="password" type="text" value="****" /></td>
	            <td >&nbsp;</td>
	            </tr>
            <tr>
              <td class="cell-2 label" >Observaciones</td>
              <td  class="input"><input class="input-text"  name="tipo" type="text" value="deudor" /></td>
              <td >&nbsp;</td>
              </tr>
            <tr>
              <td class="cell-2 label" >Tipo</td>
              <td  class="input" ><select class="input" name="tipo2" id="tipo"  >
                <option selected="selected" value="">- Elija Tipo -</option>
                <option>Super usuario</option>
                <option>Directivo</option>
                <option >Administrador</option>
                <option>Usuario</option>
                <option>Administrador Lorem i</option>
              </select></td>
              <td >&nbsp;</td>
            </tr>
            <tr>
	            <td class="cell-2 label" >Fotografia</td>
	            <td class="input" ><img src="images/imagen.gif" height="31" width="31" alt="fotografia" /></td>
	            <td ><input type="button" name="blogo" id="blogo" value="- Examinar -" /></td>
            </tr>
            <tfoot>
                        <tr>
                <td><input class="button3" name="Guardar" type="button" value="Guardar" /></td>
                <td><input class="button3" name="Cancelar" type="button" value="Cancelar" /></td><td></td>
			</tr>
            </tfoot>
          </table>
            <!-- Paginacion -->
            
            </form>
            
          
        </div><!--Fin Contenido-->
        
    </div><!--Fin Contenedor-->
<div class="clear-both"></div>
</div>
<!--Fin pagina-->
</div>
<!--Fin posicion-->
</body>
</html>
